<!DOCTYPE html>
  <html>
  <head>
      <meta charset="utf-8">
      <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
      <title>title</title>
      <link rel="stylesheet" type="text/css" href="../../css/api.css" />
      <link rel="stylesheet" type="text/css" href="../../css/aui.css" />
    	<link rel="stylesheet" type="text/css" href="../../css/aui-pull-refresh.css" />
      <style>
          html, body {width: 100%;min-height:100%;min-height:100%;background: #ffffff;}
          .h10{
            width: 100%;
            height: 0.5rem;
            display: -webkit-box;
            clear: both;
          }

          #header_top{
            /*background: url(../../image/header_bg.png) no-repeat center !important;*/



          }
          .aui-icon-left{

          }
          header,.aui-bar-nav {

          }
          .aui-title{

          }
          .aui-content .img{
            text-align: center;
            margin-top: 3rem
          }
          .aui-content .img img{
            width: 60%;
            margin: auto;

          }
          .text-content{
            text-align: center;
            margin-top: 2rem
          }
          .text-content .title{
            font-size: 1rem;
          }
          .text-content .txt{
            font-size: 0.7rem;
          }
          .text-content .txt span{
            font-size: 0.7rem;
            color: red
          }
          .aui-list-item-title span{
            color: red
          }



          [v-cloak] {
              display: none;
          }
      </style>
  </head>
  <body>
    <div id="app" >


      <div class="aui-content">
        <div class="aui-row-padded">

          <div class="img">
            <img src="../../image/car/order_ok.png" />
          </div>
          <div class="text-content">
            <div class="title">购买成功</div>
            <!-- <div class="txt">获得 <span>20兑换币</span></div> -->
          </div>


        </div>

        <div class="aui-content aui-margin-b-15" style="position:fixed; bottom:0px;width:100%">
          <ul class="aui-list aui-list-in">

              <!-- <li class="aui-list-item aui-list-item-middle">
                  <div class="aui-list-item-inner aui-list-item-arrow">
                      <div class="aui-list-item-title">您当前共有 <span>2400 兑换币</span></div>
                      <div class="aui-list-item-right">去兑换</div>
              </li> -->
          </ul>
        </div>


      </div>



    </div>

  </body>
  <script type="text/javascript" src="../../script/api.js"></script>
  <script type="text/javascript" src="../../script/zepto.js"></script>
  <script type="text/javascript" src="../../script/vue.min.js"></script>
  <script type="text/javascript" src="../../script/utils.js"></script>
  <script type="text/javascript" src="../../script/common.js"></script>
  <script type="text/javascript" src="../../script/aui-tab.js"></script>
  <script type="text/javascript" src="../../script/aui-scroll.js"></script>
  <script type="text/javascript" src="../../script/aui-pull-refresh.js"></script>
  <script type="text/javascript">
      function goback(){
        api.closeWin();
      }
      function openWinInfo(type){
        api.openWin({
            name: 'type',
            url: './user_Info.html',
            pageParam: {
                name: 'test'
            }
        });

      }


      apiready = function(){





      };



      //刷新
      function setRefresh() {
          var pullRefresh = new auiPullToRefresh({
              container: document.querySelector('.aui-refresh-content'),
              triggerDistance: 100
          }, function(ret) {

              if (ret.status == "success") {
                  setTimeout(function() {
                      pullRefresh.cancelLoading(); //刷新成功后调用此方法隐藏
                  }, 1500)
              }
          })
      }

  </script>
  </html>
